<template>
  <!--  榜单筛选 -->
  <div>
    <list/>
    <div class="content">
        <card/>
    </div>
  </div>

</template>

<script lang="ts">
import {defineComponent} from "vue";

export default defineComponent({
  name: "work",
});
</script>

<script setup lang="ts">
import list from "@/views/home/components/public/list.vue";
import Card from "@/components/card/index.vue";
import Rank from "@/components/rank/index.vue"
</script>

<style scoped lang="scss">
.content{
  display: flex;
  flex-flow: wrap;

  .card-content{
    margin-right: 20px;
    &:nth-child(5n) {
      margin-right: 0;
    }
    margin-bottom: 20px;
  }
}

</style>
